<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../../favicon.ico" />
<title>7 Queens</title>
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../../bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../header/header.css" />
<link rel="stylesheet" type="text/css" href="7queens.css" />
</head>
<body>
	<div class="container">
		<nav class="navbar aenigma-header" role="navigation">
			<div class="aenigma-header-left">
				<table>
					<tr>
						<td><a href="../../menu/index.html"><img alt="Aenigmates" src="../../back.png"
								class="img-responsive back"></a></td>
						<td><a href="../../menu/index.html"><img alt="Aenigmates" src="../../logo_aenigmates.jpg"
								class="img-responsive logo"></a></td>
					</tr>
				</table>
			</div>
			<div class=" aenigma-header-right">
				<div class="dashed  dashed-top"></div>
				<div class="aenigma-title">7 Queens</div>
				<div class="aenigma-level">Level 12</div>
				<div class="dashed"></div>
			</div>
			<div class="clear"></div>
			<hr />
		</nav>

		<div class="page">
			<table class="chessboard">
				<tr class="chessboard-row">
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
				</tr>
				<tr class="chessboard-row">
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
				</tr>
				<tr class="chessboard-row">
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
				</tr>
				<tr class="chessboard-row">
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
				</tr>
				<tr class="chessboard-row">
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
				</tr>
				<tr class="chessboard-row">
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
				</tr>
				<tr class="chessboard-row">
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
					<td class="chessboard-cell odd"></td>
					<td class="chessboard-cell even"></td>
				</tr>
			</table>
			<div class="button-panel">
				<button id="resetButton">Reset</button>
				<input type="checkbox" id="highlight" /><label for="highlight">Highlight</label>
			</div>
		</div>

	</div>

	<script src="../nqueens.js"></script>
	<script src="../../jquery/jquery-2.0.3.min.js"></script>
	<script src="../../storage/jquery.json-2.4.min.js"></script>
	<script src="../../storage/jstorage.min.js"></script>
	<script src="../../storage/aestorage.js"></script>
	<script src="../nqueensView.js"></script>
	<script src="../../bootstrap/js/bootstrap.min.js"></script>

	<script>
		$(function() {
			var view = new NQueensView($('.chessboard'));
			var controller = new NQueensController(7, view);

			controller.show();
		});
	</script>

</body>
</html>